import './00_style.css'
export const day01_09 = () => {
    /* 
        方案一 : 行内样式(不推荐)
        方案二 : class类名控制
    */

    const style = {
        width: '200px',
        color: 'white',
        backgroundColor: 'blue',
    }
    return (
        <div>
            <h3>09_组件样式控制</h3>
            <div>
                {/* 行内样式 */}
                <div style={{ color: 'red' }}>this is a message</div>
                <div style={style}>this is a message</div>

                {/* class类名控制 */}
                <div className="bgc-red">this is a message</div>
            </div>
        </div>
    )
}
